<template>
  <div v-if="Object.keys(detailInfo).length !== 0" id="goods-info">
    <div class="goods-info-desc">
      {{ detailInfo.desc }}
    </div>

    <div class="goods-info-img">
      <img
        :src="item"
        alt=""
        v-for="(item, index) in detailInfo.detailImage[0].list"
        :key="index"
      />
    </div>
  </div>
</template>

<script>
export default {
  name: "DetailGoodsInfo",
  props: {
    detailInfo: {
      type: Object,
      defalut() {
        return {};
      },
    },
  },
};
</script>

<style>
.goods-info-desc {
  padding: 12px 10px;
  font-size: 14px;
}
.goods-info-img img {
  width: 100%;
}
</style>